<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Dashboard">
    <meta name="keyword" content="Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <title>交通违规管理系统</title>

    <!-- Favicons -->
    <link href="img/favicon.png" rel="icon">
    <link href="img/apple-touch-icon.png" rel="apple-touch-icon">

    <!-- Bootstrap core CSS -->
    <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!--external css-->
    <link href="lib/font-awesome/css/font-awesome.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="lib/gritter/css/jquery.gritter.css"/>
    <!-- Custom styles for this template -->
    <link href="css/style.css" rel="stylesheet">
    <link href="css/style-responsive.css" rel="stylesheet">

    <link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.17.1/bootstrap-table.min.css" rel="stylesheet">
    <script src="lib/jquery/jquery.min.js"></script>
    <script src="lib/bootstrap/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.17.1/bootstrap-table.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.17.1/locale/bootstrap-table-zh-CN.min.js"></script>
</head>

<body>
<section id="container">
    <header class="header black-bg">
        <div class="sidebar-toggle-box">
            <div class="fa fa-bars tooltips" data-placement="right" data-original-title="Toggle Navigation"></div>
        </div>
        <!--logo start-->
        <a href="index.html" class="logo"><b>DASH<span>IO</span></b></a>
        <!--logo end-->
        <div class="nav notify-row" id="top_menu">
            <!--  notification start -->
            <ul class="nav top-menu">
                <!-- settings start -->
                <li class="dropdown">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="index.html#">
                        <i class="fa fa-tasks"></i>
                        <span class="badge bg-theme">4</span>
                    </a>
                    <ul class="dropdown-menu extended tasks-bar">
                        <div class="notify-arrow notify-arrow-green"></div>
                        <li>
                            <p class="green">You have 4 pending tasks</p>
                        </li>
                        <li>
                            <a href="index.html#">
                                <div class="task-info">
                                    <div class="desc">Dashio Admin Panel</div>
                                    <div class="percent">40%</div>
                                </div>
                                <div class="progress progress-striped">
                                    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40"
                                         aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                                        <span class="sr-only">40% Complete (success)</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="index.html#">
                                <div class="task-info">
                                    <div class="desc">Database Update</div>
                                    <div class="percent">60%</div>
                                </div>
                                <div class="progress progress-striped">
                                    <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60"
                                         aria-valuemin="0" aria-valuemax="100" style="width: 60%">
                                        <span class="sr-only">60% Complete (warning)</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="index.html#">
                                <div class="task-info">
                                    <div class="desc">Product Development</div>
                                    <div class="percent">80%</div>
                                </div>
                                <div class="progress progress-striped">
                                    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="80"
                                         aria-valuemin="0" aria-valuemax="100" style="width: 80%">
                                        <span class="sr-only">80% Complete</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="index.html#">
                                <div class="task-info">
                                    <div class="desc">Payments Sent</div>
                                    <div class="percent">70%</div>
                                </div>
                                <div class="progress progress-striped">
                                    <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="70"
                                         aria-valuemin="0" aria-valuemax="100" style="width: 70%">
                                        <span class="sr-only">70% Complete (Important)</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="external">
                            <a href="#">See All Tasks</a>
                        </li>
                    </ul>
                </li>
                <!-- settings end -->
                <!-- inbox dropdown start-->
                <li id="header_inbox_bar" class="dropdown">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="index.html#">
                        <i class="fa fa-envelope-o"></i>
                        <span class="badge bg-theme">5</span>
                    </a>
                    <ul class="dropdown-menu extended inbox">
                        <div class="notify-arrow notify-arrow-green"></div>
                        <li>
                            <p class="green">You have 5 new messages</p>
                        </li>
                        <li>
                            <a href="index.html#">
                                <span class="photo"><img alt="avatar" src="img/ui-zac.jpg"></span>
                                <span class="subject">
                  <span class="from">Zac Snider</span>
                  <span class="time">Just now</span>
                  </span>
                                <span class="message">
                  Hi mate, how is everything?
                  </span>
                            </a>
                        </li>
                        <li>
                            <a href="index.html#">
                                <span class="photo"><img alt="avatar" src="img/ui-divya.jpg"></span>
                                <span class="subject">
                  <span class="from">Divya Manian</span>
                  <span class="time">40 mins.</span>
                  </span>
                                <span class="message">
                  Hi, I need your help with this.
                  </span>
                            </a>
                        </li>
                        <li>
                            <a href="index.html#">
                                <span class="photo"><img alt="avatar" src="img/ui-danro.jpg"></span>
                                <span class="subject">
                  <span class="from">Dan Rogers</span>
                  <span class="time">2 hrs.</span>
                  </span>
                                <span class="message">
                  Love your new Dashboard.
                  </span>
                            </a>
                        </li>
                        <li>
                            <a href="index.html#">
                                <span class="photo"><img alt="avatar" src="img/ui-sherman.jpg"></span>
                                <span class="subject">
                  <span class="from">Dj Sherman</span>
                  <span class="time">4 hrs.</span>
                  </span>
                                <span class="message">
                  Please, answer asap.
                  </span>
                            </a>
                        </li>
                        <li>
                            <a href="index.html#">See all messages</a>
                        </li>
                    </ul>
                </li>
                <!-- inbox dropdown end -->
                <!-- notification dropdown start-->
                <li id="header_notification_bar" class="dropdown">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="index.html#">
                        <i class="fa fa-bell-o"></i>
                        <span class="badge bg-warning">7</span>
                    </a>
                    <ul class="dropdown-menu extended notification">
                        <div class="notify-arrow notify-arrow-yellow"></div>
                        <li>
                            <p class="yellow">You have 7 new notifications</p>
                        </li>
                        <li>
                            <a href="index.html#">
                                <span class="label label-danger"><i class="fa fa-bolt"></i></span>
                                Server Overloaded.
                                <span class="small italic">4 mins.</span>
                            </a>
                        </li>
                        <li>
                            <a href="index.html#">
                                <span class="label label-warning"><i class="fa fa-bell"></i></span>
                                Memory #2 Not Responding.
                                <span class="small italic">30 mins.</span>
                            </a>
                        </li>
                        <li>
                            <a href="index.html#">
                                <span class="label label-danger"><i class="fa fa-bolt"></i></span>
                                Disk Space Reached 85%.
                                <span class="small italic">2 hrs.</span>
                            </a>
                        </li>
                        <li>
                            <a href="index.html#">
                                <span class="label label-success"><i class="fa fa-plus"></i></span>
                                New User Registered.
                                <span class="small italic">3 hrs.</span>
                            </a>
                        </li>
                        <li>
                            <a href="index.html#">See all notifications</a>
                        </li>
                    </ul>
                </li>
                <!-- notification dropdown end -->
            </ul>
            <!--  notification end -->
        </div>
        <div class="top-menu">
            <ul class="nav pull-right top-menu">
                <li><a class="logout" href="/admin/loginOut.udo">退出登陆</a></li>
            </ul>
        </div>
    </header>
    <aside>
        <div id="sidebar" class="nav-collapse ">
            <!-- sidebar menu start-->
            <ul class="sidebar-menu" id="nav-accordion">
                <p class="centered"><a href="profile.html"><img src="img/ui-sam.jpg" class="img-circle" width="80"></a>
                </p>
                <h5 class="centered">Sam Soffes</h5>
                <li class="mt">
                    <a href="index.html">
                        <i class="fa fa-dashboard"></i>
                        <span>控制台</span>
                    </a>
                </li>

                <li class="sub-menu">
                    <a href="javascript:;">
                        <i class="fa fa-desktop"></i>
                        <span>车辆管理</span>
                    </a>
                    <ul class="sub">
                        <li ><a href="car-list.html">车辆信息查看</a></li>
                        <li><a href="car-insert.html">车辆信息新增</a></li>
                        <li><a href="car-update.html">车辆信息修改</a></li>
                        <li><a href="car-delete.html">车辆信息删除</a></li>
                    </ul>
                </li>
                <li class="sub-menu">
                    <a class="active" href="javascript:;">
                        <i class="fa fa-desktop"></i>
                        <span>交警管理</span>
                    </a>
                    <ul class="sub">
                        <li class="active"><a href="police-list.html">交警信息查看</a></li>
                        <li><a href="police-insert.html">交警信息新增</a></li>
                        <li><a href="police-update.html">交警信息修改</a></li>
                        <li><a href="police-delete.html">交警信息删除</a></li>
                    </ul>
                </li>
                <li class="sub-menu">
                    <a href="javascript:;">
                        <i class="fa fa-desktop"></i>
                        <span>司机管理</span>
                    </a>
                    <ul class="sub">
                        <li><a href="driver-list.html">司机信息查看</a></li>
                        <li><a href="driver-insert.html">司机信息新增</a></li>
                        <li><a href="driver-update.html">司机信息修改</a></li>
                        <li><a href="driver-delete.html">司机信息删除</a></li>
                    </ul>
                  </li>
                  <li class="sub-menu">
                    <a href="javascript:;">
                        <i class="fa fa-desktop"></i>
                        <span>通知书管理</span>
                    </a>
                    <ul class="sub">
                        <li><a href="notice-list.html">通知书信息查看</a></li>
                        <li><a href="notice-insert.html">通知书信息新增</a></li>
                        <li><a href="notice-update.html">通知书信息修改</a></li>
                        <li><a href="notice-delete.html">通知书信息删除</a></li>
                    </ul>
                  </li>
                  <li class="sub-menu">
                    <a href="javascript:;">
                        <i class="fa fa-desktop"></i>
                        <span>处罚管理</span>
                    </a>
                    <ul class="sub">
                        <li><a href="punishment-list.html">处罚信息查看</a></li>
                        <li><a href="punishment-insert.html">处罚信息新增</a></li>
                        <li><a href="punishment-update.html">处罚信息修改</a></li>
                        <li><a href="punishment-delete.html">处罚信息删除</a></li>
                    </ul>
                  </li>
                <!--测试-->


                <li class="sub-menu">
                    <a href="javascript:;">
                        <i class="fa fa-cogs"></i>
                        <span>组件</span>
                    </a>
                    <ul class="sub">
                        <li><a href="grids.html">网格</a></li>
                        <li><a href="calendar.html">日历</a></li>
                        <li><a href="gallery.html">图画</a></li>
                        <li><a href="todo_list.html">代办</a></li>
                        <li><a href="dropzone.html">文件上传</a></li>
                        <li><a href="inline_editor.html">编辑r</a></li>
                        <li><a href="file_upload.html">多文件上传</a></li>
                    </ul>
                </li>
                <li class="sub-menu">
                    <a href="javascript:;">
                        <i class="fa fa-book"></i>
                        <span>额外</span>
                    </a>
                    <ul class="sub">
                        <li><a href="blank.html">空白页</a></li>
                        <li><a href="login.html">登陆</a></li>
                        <li><a href="lock_screen.html">锁屏</a></li>
                        <li><a href="profile.html">外格</a></li>
                        <li><a href="invoice.html">发票</a></li>
                        <li><a href="pricing_table.html">定价表</a></li>
                        <li><a href="faq.html">FAQ</a></li>
                        <li><a href="404.html">404 Error</a></li>
                        <li><a href="500.html">500 Error</a></li>
                    </ul>
                </li>
                <li class="sub-menu">
                    <a href="javascript:;">
                        <i class="fa fa-tasks"></i>
                        <span>表单</span>
                    </a>
                    <ul class="sub">
                        <li><a href="form_component.html">表单组件s</a></li>
                        <li><a href="advanced_form_components.html">高级组件</a></li>
                        <li><a href="form_validation.html">表单验证</a></li>
                        <li><a href="contactform.html">联系表</a></li>
                    </ul>
                </li>
                <li class="sub-menu">
                    <a href="javascript:;">
                        <i class="fa fa-th"></i>
                        <span>数据表</span>
                    </a>
                    <ul class="sub">
                        <li><a href="basic_table.html">基本表</a></li>
                        <li><a href="responsive_table.html">响应表</a></li>
                        <li><a href="advanced_table.html">高级表</a></li>
                    </ul>
                </li>
                <li>
                    <a href="inbox.html">
                        <i class="fa fa-envelope"></i>
                        <span>邮件</span>
                        <span class="label label-theme pull-right mail-info">2</span>
                    </a>
                </li>
                <li class="sub-menu">
                    <a href="javascript:;">
                        <i class=" fa fa-bar-chart-o"></i>
                        <span>表格</span>
                    </a>
                    <ul class="sub">
                        <li><a href="morris.html">联系表</a></li>
                        <li><a href="chartjs.html">图表</a></li>
                        <li><a href="flot_chart.html">流程图</a></li>
                        <li><a href="xchart.html">图表</a></li>
                    </ul>
                </li>
                <li class="sub-menu">
                    <a href="javascript:;">
                        <i class="fa fa-comments-o"></i>
                        <span>聊天室</span>
                    </a>
                    <ul class="sub">
                        <li><a href="lobby.html">大厅</a></li>
                        <li><a href="chat_room.html">聊天室</a></li>
                    </ul>
                </li>
                <li>
                    <a href="google_maps.html">
                        <i class="fa fa-map-marker"></i>
                        <span>Google 地图</span>
                    </a>
                </li>
            </ul>
            <!-- sidebar menu end-->
        </div>
    </aside>
    <section id="main-content" style="height: 688px;">
        <section class="wrapper">
            <div class="row mt">
                <div id="title_feature" style="margin-bottom: 10px;">
                    &nbsp;西安科技大学交通违章管理系统<span style="font-weight: bold; color: salmon;">  >>>  </span>警察管理<span
                        style="font-weight: bold; color: salmon;">  >>>  </span><span>警察信息查看:</span>
                </div>
                <div style="border:1px solid #CCC"></div>


                <table class="tab tab-hover" id="police_list">
                    <script>
                        $(function () {
                            $("#police_list").bootstrapTable({
                                url: "/police/getAll.udo",//数据地址
                                striped: true,//是否显示行的间隔
                                pageNumber: 1,//初始化加载第几页
                                pagination: true,//是否分页
                                sidePagination: 'server',
                                pageSize: 5,
                                pageList: [5, 10, 20],
                                showRefresh: true,
                                queryParams: function (params) {
                                    var temp = {
                                        offset: params.offset,
                                        pageNumber: params.limit,
                                        courer: 0
                                    };
                                    return temp;
                                },
                                columns: [
                                    {
                                        title: "序号",
                                        field: "id",
                                        sortable: false
                                    },
                                    {
                                        title: "警察编号",
                                        field: "numberPolice",
                                        sortable: false
                                    },
                                    {
                                        title: "姓名",
                                        field: "name",
                                        sortable: false
                                    },
                                    {
                                        title: "身份证号",
                                        field: "number",
                                        sortable: false
                                    },
                                    {
                                        title: "性别",
                                        field: "sex",
                                        sortable: false
                                    },
                                    {
                                        title: "地址",
                                        field: "address",
                                        sortable: false
                                    },
                                    {
                                        title: "电话",
                                        field: "phone",
                                        sortable: false
                                    },
                                ]
                            });
                        });
                    </script>
                </table>
            </div>
            <!--/ row -->
        </section>
        <!-- /wrapper -->
    </section>
    <!-- /MAIN CONTENT -->
    <!--main content end-->
    <!--footer start-->
    <footer class="site-footer">
        <div class="text-center">
            <p>
                &copy; Copyrights <strong>Dashio</strong>. All Rights Reserved
            </p>
            <div class="credits">
                Created with Dashio template by <a href="https://templatemag.com/">TemplateMag</a>
            </div>
            <a href="general.html#" class="go-top">
                <i class="fa fa-angle-up"></i>
            </a>
        </div>
    </footer>
    <!--footer end-->
</section>


<script class="include" type="text/javascript" src="lib/jquery.dcjqaccordion.2.7.js"></script>
<script src="lib/jquery.scrollTo.min.js"></script>
<script src="lib/jquery.nicescroll.js" type="text/javascript"></script>
<script src="lib/common-scripts.js"></script>
<script type="text/javascript" src="lib/gritter/js/jquery.gritter.js"></script>
<script type="text/javascript" src="lib/gritter-conf.js"></script>
</body>

</html>
